<template>
  <div>
      <van-swipe class="my-swipe" :autoplay="2000" indicator-color="white">
  <van-swipe-item>
      <img src="../../../../assets/panpan/Zone/banner1.jpg" alt="">
  </van-swipe-item>
  <van-swipe-item>
      <img src="../../../../assets/panpan/Zone/banner2.png" alt="">
  </van-swipe-item>
  <van-swipe-item>
      <img src="../../../../assets/panpan/Zone/banner3.png" alt="">
  </van-swipe-item>
  <van-swipe-item>
      <img src="../../../../assets/panpan/Zone/banner4.png" alt="">
  </van-swipe-item>
  <van-swipe-item>
      <img src="../../../../assets/panpan/Zone/banner5.jpg" alt="">
  </van-swipe-item>
</van-swipe>
  </div>
</template>

<script>
export default {
    
}
</script>

<style scoped lang="scss">
  .my-swipe .van-swipe-item {
    color: #fff;
    line-height: 1.5rem;
    text-align: center;
  }
  .van-swipe-item{
      width: 3.84rem;
      height: 3.84rem;
      border-radius: 0.16rem;
      img{
          width: 100%;
          height:100%;
           border-radius: 0.16rem;
      }
  }
</style>